/**
* @Description： 数据视图样式　
* @Author wyt
* @Date 2021/10/18
*/

/*左侧分组导航折叠样式*/
.dataview-left-group-collapse{
  .dataview-menu{
    width: 40px !important;
    position: absolute  !important;
    left: 0px  !important;
    background: transparent !important;
    border: 0px !important;
  }
  .dataview-load-stru{
    margin-left: 20px !important;
  }
}
.left-group-button{
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}

.left-group-button:hover{
  background: #cdd6fb !important;
  color: #FFFFFF !important;
  i{
    color: #FFFFFF !important;
  }
}


.menu-box-pop{
  width: 100% !important;
  overflow: auto;
}

/*数据视图左侧导航*/
.dataview-menu,.menu-box-pop{
  padding-top: 5px;
  display: inline-block;
  float: left;
  width: 120px;
  border: 1px solid #cddcf2;
  text-align: center;

  /*鼠标放入*/
  .el-submenu__title:hover,.el-menu-item:hover,.el-submenu .is-active2 {
    background: #cdd6fb !important;
    color: #FFFFFF !important;
    i{
      color: #FFFFFF !important;
    }
  }

  .text-load{
    text-align: center;
    font-size: 16px;
  }
  /deep/ .el-menu[rule='menubar']{
    margin-bottom: 9px;
  }

  background-color: #F3F7FD;
  .el-menu,.el-submenu,.el-submenu__title {
    background-color:transparent;
  }
  .el-menu{
    border: 0px;
    color: #606266;
    .el-menu-item.is-disabled{
      color: #606266  !important;
      background-color:#fff !important;
    }

    .el-icon-s-promotion,.el-submenu__title,.el-submenu,.el-menu-item{
      color: #606266;
    }
    .el-submenu__title{
      line-height: 35px;
      height: 35px;
      font-weight: bold;
      text-align: left;
      padding-left: 0px !important;
      .el-submenu__icon-arrow{
        margin-top: -10px;
        right: 5px;
        color: black;
        top: 61%;
      }
      .el-submenu__icon-arrow:hover{
        font-weight: bold;
      }

      .el-icon-s-promotion{
        margin-right: 0px;
      }
    }

    .el-menu-item{
      min-width: auto !important;
      padding-left: 3px !important;
      font-size: 12px;
      line-height: 25px;
      height: 25px;

      span{
        width: 80px;
        display: inline-block;
        overflow: hidden;
        text-overflow: inherit;
        white-space: nowrap;
        font-size: 12px;
      }
      .el-icon-close{
        position: absolute;
        margin: 0px;
        top: 6px;
        right: 0px;
      }
    }
    .el-submenu .is-active{
      background: none;
    }
    .el-icon-close:hover{
      font-weight: bold;
    }

    .el-submenu__title,.el-submenu [class^=el-icon-],.el-submenu__icon-arrow{
      font-size: 13px;
    }
  }
}

.template-container{

  /*左侧合计*/
  .vxe-pager--left-wrapper{
    float: left;
    .sum-left{
      .title,.value{
        font-weight: bold;
        font-size: 16px;
      }
    }
  }

  /*明细弹框*/
  .dataview-dialog{
    margin-top: 40px !important;

  }

  .dataview-dialog > .el-dialog{
    left: 0px;
    width: 100%;
  }

  .max-height-auto {
    max-height: 100% !important;
  }

  /*顶部操作栏按钮*/
  .button-box-top{
    background-color: #fff;
    padding: 5px 0px;

    .el-button{
      font-size: 13px;
      cursor: pointer !important;
      border-radius: 20px;
    }
  }

  /*搜索区域表单*/
  .vxe-form--item-title{
    background: #F5F7FA;
    border-radius: 3px 0px 0px 3px;
    border: 1px solid #DCDFE6;
    height: 30px;
    line-height: 30px;
    padding-top: 4px;
  }

  /*搜索框里的图片位置**/
  .el-input--medium .el-input__icon {
    line-height: 25px;
    margin-top: 2px;
  }

  .vxe-grid {

    /*表单区域*/
    .vxe-grid--form-wrapper{
      padding-top: 0px;
      .vxe-form--item-title-label{
        height: 30px;
      }
      .el-input__prefix,.el-input__suffix{
        top: -2px;
      }

      .el-input__inner{
        line-height: 30px !important;
        height: 30px !important;
        padding-top: 4px;
      }
    }


    /*查询按钮*/
    .btn-query{
      background: #5E7FFC !important;
      border-color: #5E7FFC !important;;
    }

    /*表头样式*/
    .vxe-header--row{
      background: #5387e321;
      height: 42px;
      line-height: 42px;

      .vxe-cell--title {
        font-size: 14px !important;
      }
    }

    /*复选框样式*/
    .vxe-checkbox--checked-icon:before,.vxe-checkbox--indeterminate-icon:before{
      background: #5E7FFC !important;
      border-color: #5E7FFC !important;
    }

    .vxe-toolbar{
      /*流程筛选节点*/
      .theme--flow{
        border-radius: 15px;
        padding: 0px;
        height: 30px !important;
      }
      .theme--flow:hover{
        background: #E9EEFF;
        color: #3962FF;
        font-weight: 700;
      }

      /*被选中的流程节点*/
      .flow_check{
        background: #E9EEFF;
        color: #3962FF;
        font-weight: 700;
      }

      /*分隔符*/
      .flow_split{
        width: 2px;
        padding: 0px !important;
        border-radius: 0px;
        margin: 0px;
        margin-left: 5px;
      }

      .vxe-button{
        height: 30px !important;
        border-radius: 20px;
      }
    }
  }
}

.el-form-item__content{
  font-size: 13px;
}

.dataview-dialog200{
  left: 200px;
}

.col--edit-user{
  .vxe-cell {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}


.vxe-grid .c--tooltip .el-button{
  border-radius: 20px;
}
.div-NoWrap{
  line-height: 35px;
}

/*行编辑文本框高度*/
.col--edit .custom-input,.col--edit .custom-input-number .t-input{
  height: 25px;
  line-height: 25px;
  margin-top: 6px;
}
.col--edit .custom-input-number{
  width: 100%;
}


/*行高亮样式*/
.row-alert{
  color: #f56c6c !important;
}

.vxe-button{
  border-radius: 3px !important;
}
.query-form-data-view{
  padding-top: 5px !important;
  max-height: 32px;
  background: #fff;
  overflow: hidden;
  .t-form__controls-content{
    width: 150px !important;
  }
  .query-form-data-view-dateArea{
    .t-form__controls-content{
      width: 400px !important;
    }
  }

}
